<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击</title>
</head>
<body>
	<form id="form_id" action="http://www.baidu.com">
		账号:<input id="username" name="username" type="text"><br>
		密码:<input name="password"  type="text"><br>
	</form>
	<!-- 把提交按钮放在外面 -->
	<button id="but_id" onclick="myFunc()">外面的按钮</button>
</body>
<script src="../js/jquery.min.js"></script>
<script>
	// 书写外面的自定义方法
	let myFunc = function(){
		console.log("触发提交事件");
			$("#form_id").submit();//去调用jq中的方法
	}
	
   $(document).ready(()=>{
	   $("#form_id").submit((e)=>{
		   let username = $("#username").val();
		   if(username=="root"){
			   console.log("登录成功");
			   return true;
		   }else{
			   console.log("登录失败:");
			   return false;
		   }
	   });
   });
</script>
</html>
